@charset "UTF-8";
/*
Theme Name: hongshi
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
*{padding:0;margin:0;font-family: "微软雅黑";list-style: none;text-decoration: none;border: none;}
.container{
	width: 1100px;
	margin:0 auto;
}
html{overflow-x:hidden;}
body{
	background: #fff;
	color: #000;
	font-size: 14px;
	min-width: 1200px;
}
a{
	outline: none;
	color: #000;
}
a:hover{
	color: #ea6d02;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}
/*
===================
分页
>>	pages_pre		上一页
>>	pages_next	下一页
>>	strong			激活状态
>>	a:hover			鼠标悬停状态
===================
*/
.pages {
	margin: 50px auto 20px auto;
	text-align:center;
	font-size: 14px;
}
.pages a,
.pages strong{
	display:inline-block;
	line-height:28px;
	padding:0 10px;
	border:1px solid #d9d9d9;
	background-color:#ffffff; 
	text-decoration:none;
	color:#666;
	font-family:Simsun;
	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
	margin-right:3px;
}
.pages .current{
	display:inline-block;
	line-height:28px;
	padding:0 10px;
	border:1px solid #d9d9d9;
	background-color:#ffffff; 
	text-decoration:none;
	font-family:Simsun;
	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
	margin-right:3px;
	
	color:#fff;
	background-color:#027238;
	border-color:#fff;
}
.pages a:hover{
	color:#fff !important;
	background-color:#027238;
	border-color:#fff;
	text-decoration:none;
}
.pages strong{
	color:#fff;
	background-color:#24557d;
	border-color:#fff;
}
.pages span{
	padding:0 10px;
	line-height:23px;
}

/* index top */
.top{ height:32px; line-height:32px; background-color:#3b3b3b;color:#ccc}
.top a{ color:#ccc}
.fl{ float:left}
.fr{ float:right}
.head{
	height:90px;
	background-color:#fafafa
}
.head .logo{
	width: 404px;
	height:90px;
	background: url(skin/images/logo.png) center no-repeat;
	float:left;	
}
.head .logo a{
	width:404px;
	height:90px;
	display:block;
	
	text-indent:-2000px;
	}
.nav{
 height:57px; background-color:#fafafa; line-height:57px
}
.nav ul{
    }
.nav li{
	float: left;
	color: #000000;
	width:157px;
	height:35px;
	line-height:35px;
	font-size: 16px;
	margin-top:10px;
}
.nav li a{
	color: #000000;
	display:block;
	text-align:center;
}
.nav li a:hover,.nav li a.hover{
	background: #1e9642;
	color:#ffffff;
	border-radius:10px;
}
.top_tel{ float:right; background:url(skin/images/top_tel.jpg) no-repeat; height:78px; width:197px}

.slideBox{overflow:hidden; position:relative; width: 100%; }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute;bottom:30px; z-index:1;width: 100%;text-align: center; }
.slideBox .hd ul{ overflow:hidden; zoom:1; display: inline-block; }
.slideBox .hd ul li{ float:left; margin-right:18px;width:18px; height:18px;background:#fff; cursor:pointer;border-radius: 50%; }
.slideBox .hd ul li.on{ background:#276148; }
.slideBox .bd{ position:relative; height:100%; z-index:0;height:500px;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;width: 100%;}

.youshi{ background-color:#f4f4f4; height:157px;}
.youshi ul{ width:1100px; margin:auto; padding-top:39px}
.youshi li{ width:33.3%; height:88px; float:left}
.ys1{ background:url(skin/images/i1.jpg) left no-repeat;}
.ys2{ background:url(skin/images/i2.jpg) left no-repeat;}
.ys3{ background:url(skin/images/i3.jpg) left no-repeat;}
.youshi_content{ margin-left:110px; width:205px; overflow:hidden}
.ys_title{ font-size:18px; color:#000; margin-top:8px}
.ys_content{ font-size:12px; line-height:22px; margin-top:10px; color:#666}

/*首页产品列表*/
.index_product{ background-color:#f4f7fa; overflow:hidden}
.index_product_title{ font-size:30px; color:#1e9642; text-align:center; margin-top:60px; font-weight:bold;}
.index_product_title2{ font-size:14px; color:#333; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif}
.index_product_title3{ font-size:14px; color:#666666; text-align:center; margin-top:10px}
.index_product_title3 span{ color:#1e9642}

ul.tabs{overflow:hidden; margin:40px auto;text-align:center;}
ul.tabs li{ width:110px;display: inline-block; height:35px; line-height:35px; margin-right:10px; border:#ddd 1px solid}
ul.tabs li a {display: block; color:#000; text-align:center; font-size:14px;}
ul.tabs li a .txt{ position:absolute; display:none; text-align:center; font-size:16px; width:275px; margin-top:20px; z-index:99}
ul.tabs li a .txt span{ font-size:50px; font-weight:bold;}
ul.tabs li.active{background-color:#333333;}
ul.tabs li.active img{z-index:1;filter:alpha(opacity=70); opacity:0.7;}
ul.tabs li.active a,ul.tabs li.active a .txt{ display:block;color:#ffffff}
ul.tabs li.active a:hover{color:#ffffff}
.tab_container{ margin-top:27px;}

.index_product_list{ width:1100px; overflow:hidden}
.index_product_list ul{ width:105%; list-style:none}
.index_product_list li{width:260px; height:245px; float:left; margin-right:17px; text-align:center;font-size:14px;}
.index_product_list li a{  }
.index_pro_pic{ width:260px; height:193px; overflow:hidden; margin-bottom:15px}
.index_pro_pic img{width:260px; height:193px;}
.index_pro_pic a img{-webkit-transition: all 0.6s; }
.index_pro_pic a:hover img{-webkit-transform: scale(1.32); cursor: pointer; -webkit-transition: all 0.6s;}
.index_pro_more{ width:150px; text-align:center; border-radius:10px; height:40px; background-color:#1e9642; color:#FFF; line-height:40px; margin:50px auto; font-size:14px}
.index_pro_more a{ color:#FFF; display:block;-webkit-transition: all 0.6s;}
.index_pro_more a:hover{ background-color:#333;border-radius:10px;}

.product{
	height:747px;
	padding-top: 65px;
	background:url(skin/images/ipbg.jpg);
}
.index_tit{
	text-align: center;
	color: #ff9a13;
	font-weight: bold;
}
.index_tit p{
	font-size: 28px;
	margin-bottom: 2px;
}
.index_tit span{
	font-size: 16px;
}
.tit_box{
	width: 362px;
	background:url(skin/images/itbg.png) bottom center no-repeat;
	display: inline-block;
	padding-bottom:20px;
}
.pro_intro{
	width: 730px;
	margin: 0 auto;
	text-align: center;
	color: #5e5f5e;
	line-height: 30px;
	margin-top: 15px;
	margin-bottom: 25px;
}

.picList{overflow:hidden; position:relative; width: 1100px;margin: 0 auto;}
.picList ul{ overflow:hidden; zoom:1; }
.picList ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;padding: 5px;width: 237px; margin-top:15px}
.picList ul li p{height: 50px;line-height: 50px;color: #fff;font-size: 17px;}
.picList ul li img{width: 237px;height: 204px; border:#0370b3 2px solid; border-radius:5px; margin-bottom:8px}
.iabbg{ background:url(skin/images/ipbg.jpg);}
.about{
	height: 506px;
	background:url(skin/images/about_bg.jpg) center no-repeat;
	overflow:hidden
}

.about_title{ font-size:30px; color:#1e9642; text-align:center; margin-top:50px; font-weight:bold;}
.about_title2{ font-size:14px; color:#333; text-align:center; margin-top:5px}
.about_content{ line-height:30px; margin-top:20px; font-size:15px}
.about_more{ width:150px; height:40px; background-color:#1e9642; line-height:40px; border-radius:10px; text-align:center; margin:30px auto;}
.about_more a{display:block; font-size:15px; color:#FFF}
.about_more a:hover{ background-color:#333; border-radius:10px; }


.adv{
	background:url(skin/images/ipbg.jpg);
	height: 500px;
	padding-top: 80px;
}
.advbg{
	height: 393px;
	background: url(skin/images/advbg.jpg) no-repeat top center;
	position: relative;
	margin-top: 10px;
}
.advbg p{
	color: #2f2d2e;
	font-size: 24px;
	font-weight: bold;
}
.advbg span{
	color: #555453;
}
.a1,.a2,.a3,.a4,.a5,.a6{
	position: absolute;
}
.a1,.a2,.a3{
	text-align: right;
}
.a1{
	left: 40px;
	top: 50px;
}
.a2{
	left: 50px;
	top: 165px;
}
.a3{
	left: 12px;
	top: 280px;
}
.a4{
	right: 105px;
	top: 50px;
}
.a5{
	right: 88px;
	top: 165px;
}
.a6{
	right: 30px;
	top: 285px;
}
.adv .more{
	text-align: center;
}
.adv .more a{
	color: #07913b;
}

.news{
	height: 550px;
	background-color:#f4f7fa;
}
.index_news_title{font-size:30px; color:#1e9642; text-align:center; padding-top:50px; font-weight:bold;}
.index_news_title2{ font-size:14px; color:#333; text-align:center; margin-top:5px}
.index_news_list{ width:1100px; margin:auto; overflow:hidden}
.index_news_list ul{ width:105%}
.index_news_list li{ width:350px; height:336px; margin-right:25px; float:left; margin-top:30px; font-size:12px}
.index_news_list li span{ font-size:14px; color:#f79709;padding-bottom:10px}
.index_news_list li img{ width:350px;height:222px; margin-bottom:10px;}
.index_news_list li .news_jj{ margin-top:8px; color:#333}


.slideTxtBox{text-align:left;  }
.slideTxtBox .hd{ height:62px;position:relative; }
.slideTxtBox .hd ul{ float:left;position:absolute;}
.slideTxtBox .hd ul li{ float:left;cursor:pointer;background: #666565;height: 51px;line-height: 49px;color: #fff;font-size: 26px;width: 360px;text-align: center;}
.slideTxtBox .hd ul li.on{ height:62px;background:url(skin/images/newtit.png) center;}
.slideTxtBox .bd ul{ zoom:1;  }
.slideTxtBox .bd li{}


.index_bottomnews{ background-color:#fafafa; overflow:hidden}
.index_bottomnews_title{font-size:30px; color:#000; text-align:center; margin-top:50px }
.index_bottomnews_title2{ font-size:14px; color:#333; text-align:center; margin-top:5px}
.news_bottom_title{ height:30px; line-height:30px; font-size:16px; border-bottom:#ddd 1px solid; padding-bottom:15px; color:#1e9642}
.news_bottom_title .mores{ float:right; width:65px; height:25px; border:#1e9642 1px solid; line-height:25px; text-align:center; font-size:12px}
.news_bottom_title .mores a{ color:#1e9642}

.news_left{ width:361px; float:left; margin-top:60px; margin-right:5px;}
.news_right{ width:366px; float:right;margin-top:60px;}

.xiangguan_left{ width:520px; float:left;}
.xiangguan_right{ width:520px; float:right;}
.newlist{ margin-top:20px}
.newlist li{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #dee2e0;
	padding-left: 20px;
	padding-right: 20px;
	background: url(skin/images/jt.jpg) no-repeat left center;
}
.newlist li a{
	color: #131313;
}
.newlist li span{
	color: #999999;
	float: right;
}
.newlist li:nth-child(5){
	border: 0;
}
.problem{
	width: 320px;
}
.problem .protit{
	height: 40px;
	line-height: 35px;
	color: #0070ad;
	font-size: 26px;
	font-weight: bold;
	background: url(skin/images/cj.jpg) no-repeat left top;
	padding-left: 18px;
	border-bottom: 2px solid #d2d2d2;
	padding-bottom: 13px;
}
.problem li{
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: 10px;
	margin-top: 20px;
}
.problem li:nth-child(1){
	margin-top: 36px;
}
.problem li:nth-child(3){
	border: 0;
}
.problem li a{
	display: block;
	height: 25px;
	line-height: 25px;
	background: url(skin/images/w.png) no-repeat left center;
	padding-left: 40px;
	font-size: 16px;
	color: #5a545c;
}
.problem li p{
	font-size: 12px;
	color: #6f6d6f;
	line-height: 25px;
	background: url(skin/images/d.png) no-repeat left top;
	padding-left: 40px;
	margin-top: 20px;
}

.link{
	background-color:#fafafa;
	padding-top:10px;
	line-height:30px;
	padding-bottom:10px
	
}
.link p{
	background: url(skin/images/link.jpg) center  no-repeat;
	width:113px;
	height:50px;
}
.link a{
	color: #484747;
	margin: 0 10px;
}

.footer{
	height:230px;
	background-color:#0a1d2e;
	overflow:hidden
}

.footer_link{
	text-align:center; 
	margin-top:40px;
	color: #d5d6d8;
	padding-bottom:30px;
	border-bottom:#515b64 1px dotted;
	}
.footer_link a{
	color: #ffffff;
	margin-left: 20px;
	margin-right:20px;
	font-size:14px;
}
.navigation li{ float:left;}
.copyright{
	text-align:center;
	margin-top:20px;
	line-height:35px;
	color:#d5d6d8;
	}
.copyright a{color:#d5d6d8;}

.banner{
	height: 500px;
	background: url(skin/images/banner.jpg) no-repeat center/cover;
}
.banner_list{
	height: 280px;
	background: url(skin/images/banner_list.jpg) no-repeat center/cover;
}
.banner_photo{
	height: 280px;
	background: url(skin/images/banner_photo.jpg) no-repeat center/cover;
}
.banner_shili{
	height: 280px;
	background: url(skin/images/banner_shili.jpg) no-repeat center/cover;
}
.banner_renli{
	height: 280px;
	background: url(skin/images/banner_renli.jpg) no-repeat center/cover;
}
.banner_lianxi{
	height: 280px;
	background: url(skin/images/banner_lianxi.jpg) no-repeat center/cover;
}
.page_top{
	text-align: center;
	margin-top: 50px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 30px;
}
.page_top p{
	font-size: 22px;
    letter-spacing: 4px;
    margin-bottom: 10px;
}
.page_top i{
	display: inline-block;
	width: 60px;
	height: 4px;
	background: #3b7b01;
}
.page_top .position{
	font-size: 12px;
	color: #5a5a5a;
	margin-top: 15px;
	letter-spacing: 7px;
}
.page_top .position a{
	color: #5a5a5a;
}
.submenu{
	height: 50px;
	line-height: 48px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 20px;
	text-align: center;
}
.submenu ul{
	display: inline-block;
}
.submenu li{
	float: left;
}
.submenu li a{
	color: #434343;
	display: block;
	padding:0 50px;
}
.submenu li a:hover,.submenu li a.hover{
	border-bottom: 4px solid #276148;
}

.content{
	color: #666;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 50px;
}
.list{
	margin-top: 50px;
}
.list li{
	height: 180px;
	margin-bottom: 60px;
}
.list li img{
	height: 180px;
    width: 260px;
}
.list li .fr{
	width: 830px;
}
.list li .fr a{
	display: block;
	font-size: 16px;
    font-weight: bold;
}
.list li .fr span{
	color: #929292;
	display: block;
	font-size: 12px;
	margin-top: 25px;
	margin-bottom: 20px;
}
.list li .fr p{
	color: #5a5a5a;
	font-size: 12px;
	line-height: 25px;
}

.hotnews {
    margin-bottom: 30px;
    margin-top: 20px;
}
.hotnews_top {
    border-bottom: 1px solid #ddd;
    color: #276148;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
}
.hotnews li {
    background: rgba(0, 0, 0, 0) url("skin/images/jt.jpg") no-repeat scroll left center;
    border-bottom: 1px dotted #ddd;
    float: left;
    line-height: 36px;
    margin-right: 30px;
    padding-left: 20px;
    width: 500px;
}
.hotnews li a {
    color: #2e2e2e;
}
.hotnews li span {
    color: #999;
    float: right;
    font-size: 13px;
}

.hotcp {
    margin-top: 20px;
}
.hotcp ul {
    border-top: 1px dashed #ddd;
    padding-top: 20px;
}
.hotcp li {
    float: left;
    line-height: 40px;
    margin-left: 20px;
    text-align: center;
    width: 203px;
}
.hotcp li:first-child {
    margin: 0;
}
.hotcp li img {
    height: 137px;
    width: 203px;
}
.hotcp_top {
    background: #276148;
    color: #fff;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center;
    width: 100px;
}

.photo li{
	float: left;
	text-align: center;
	margin: 7px;
	width:260px;
	overflow:hidden;
}
.photo li img{
	width: 260px;
    max-width: 260px;
    height: 195px;
	max-height:195px;
	overflow:hidden;
	
}
}
.photo li p{
	line-height: 30px;
}

.show_top{
	text-align: center;
	margin-top: 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.show_top p.title{
	font-size: 24px;
    font-weight: bold;
    color: #276148;
    margin-bottom: 20px;
}
.show_top H1{ height:50px; line-height:50px; margin-bottom:15px}



.show_top p.date span{
	font-size: 12px;
	color: #8b8b8b;
	margin:0 5px;
}
.prepage{
	margin-bottom: 20px;
	line-height: 25px;
	color: #666;
	margin-bottom: 50px;
}
.prepage a{
	color: #666;
}

.enbox{
	position: relative;
}
.qiehuan{
	position: absolute;
	right: -50px;
	top:0;
}
.positions{ height:50px; line-height:50px; background-color:#eeeeee;}
.message{
	width: 500px;
	margin: 0 auto;
	height: 400px;
	padding-bottom: 70px;
	padding-top:50px
}
.message li{
	height: 50px;
	line-height: 32px;
	margin-top: 10px;
}
.message li span{
	display: block;
	float: left;
	font-weight: bold;
}
.message li input{
	float: right;
	border: 1px solid #ccc;
	height: 32px;
	line-height: 32px;
	width: 400px;
	background: #fff;
	border-radius: 5px;
	padding: 0 10px;
}
.message li textarea{
	float: right;
	background: #fff;
	border: 1px solid #ccc;
	width: 400px;
	border-radius: 5px;
	height: 150px;
	padding: 5px 10px;
}
.message li.but input{
	width: 150px;
	height: 40px;
	line-height: 38px;
	margin-right: 145px;
	margin-top: 30px;
	background: #d8c79c;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.message li.but input:hover{
	background: #deba5e;
}

.dede_pages{padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li:nth-child(1){ padding:0 10px}
.dede_pages ul li:nth-child(1) a{ padding:0}
.dede_pages ul li a{color:#555;display:block;padding: 0 10px;}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages ul li.thisclass a{color:#fff; padding:0}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}

.pagination{ margin:0 10px 10px 15px;line-height:23px;text-align:center;}
.pagination span, .pagination a{font-size:14px;margin: 2px 6px 2px 0;background:#fff;border:1px solid #ccc;color:#787878;padding:5px 10px 5px 10px;text-decoration:none;}
.pagination a:hover{background: #f5a107;border:1px solid #f5bc54;color:#fff;font-size:14px;padding:5px 10px 5px 10px;}

.pagination .current{background: #f5a107;border:1px solid #f5bc54;color:#fff;font-size:14px;padding:5px 10px 5px 10px;}

.page_item{ float:left;}
.ftnav { text-align:center;}